
      <div class="mainbar">
        <div class="article">
          <h2><span>Advance search</span></h2>
          <div class="clr"></div>
          <div class="bg-custom col-md-11 col-md-offset-1" align=right>
          <form id="formSearchAdvance" role="form" action="/search/doAdvanceSearch" method="get">
			  <div class="form-group">
			    <label class="control-label col-sm-3" for="title">Title of the blog</label>
			    <div class="col-xs-7">
			    	<input name="title" type="text" class="form-control" id="title" placeholder="Enter blog title" autofocus>
			    </div>
			  </div>
			  <div class="clr"></div>
			  <div class="form-group" style="margin-top: 10px">
			    <label class="control-label col-sm-3" for="postuser">Posted by user</label>
			    <div class="col-xs-7">
			    	<input name="postuser" type="text" class="form-control" id="postuser" placeholder="Enter user posted">
			    </div>
			  </div>
			  <div class="clr"></div>
<!-- 			  <br/> -->
			  <div class="form-group" style="margin-top: 10px">
			    <label class="control-label col-sm-3" for="datecreatefrom">Date create from</label>
			    <div style="float: left; padding: 0 15px 0 15px;" class="input-group date form_date col-xs-7" data-date="" data-date-format="yyyy/mm/dd" data-link-field="dtp_input1" data-link-format="yyyy/mm/dd">
                    <input name="datecreatefrom" class="form-control" type="text" value="" readonly>
					<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
				<input type="hidden" id="dtp_input1" value="" />
			  </div>
			  <div class="clr"></div>
			  <div class="form-group" style="margin-top: 10px">
			    <label class="control-label col-sm-3" for="datecreateto">Date create to</label>
			    <div style="float: left; padding: 0 15px 0 15px;" class="input-group date form_date col-xs-7" data-date="" data-date-format="yyyy/mm/dd" data-link-field="dtp_input1" data-link-format="yyyy/mm/dd">
                    <input name="datecreateto" class="form-control" type="text" value="" readonly>
					<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
				<input type="hidden" id="dtp_input1" value="" />
			  </div>
			  <div class="clr"></div>
			  <br/>
			  <div class="form-group">
				  <label class="control-label col-sm-3" for="btnLogin"></label>
				  <div class="col-xs-6">
				    	<button type="submit" class="btn btn-primary col-xs-7">Search</button>
				  </div>
		  	  
		  	  </div>
		  </form>
		  </div>
        </div>
      </div>
      <div class="clr"></div>
      
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript">
    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
	$('.form_date').datetimepicker({
//          language:  'en',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		minView: 2,
		forceParse: 0,
 		format: 'yyyy/mm/dd'
    });
	$('.form_time').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 1,
		minView: 0,
		maxView: 1,
		forceParse: 0
    });
</script>